<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
{% load i18n %}

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head> 
    {% block style %}
      <link href="http://localhost:8000/imagenes/estilo.css" rel="stylesheet" type="text/css">
    {% endblock %}

    <title>{% block title %}coMX: es tu espacio{% endblock %}</title>

<script type="text/javascript" src="http://localhost:8000/imagenes/animator.js"></script>

</head>

<body style="margin: 0; padding: 0px 100px 0px 100px; position:relative;">

<div id="header" align="left">
    {% block header %}
      <div id="box2" class="example-box" onclick="window.location = '{% url index %}'">
      <a><img src="http://localhost:8000/imagenes/coMX.jpg"></a>
      </div>
      <a href="http://elmeeblog.blogspot.com/"><img src="http://localhost:8000/imagenes/mee-banner.jpg" align="right" /></a>
      <br><br><br>
        {% if user.is_authenticated %}
        <big>
          {% trans "Sesion actual" %}: {{ user.username }}
            (<a href="{% url auth_logout %}">{% trans "Terminar sesión" %}</a> | 
            <a href="{% url auth_password_change %}">{% trans "Cambiar contraseña" %}</a> |
            <a href="{% url user_profile %}">{% trans "Mi Perfil" %}</a>)
        </big>
          {% else %}                
            <div id="box" class="example-box" onclick="window.location = '{% url auth_login %}'">
            <a><img src="http://localhost:8000/imagenes/login2.jpg"></a></div>
          {% endif %}
    <hr />
    {% endblock %}
    </div>

    <div id="content" align="center">
        {% block content %}

        {% endblock %}
    </div>
    <hr />
    
    <div id="footer">
        {% block footer %}
        <p class="footer">
            coMX: <em>Visor de comics - Hecho en Mexico</em>
            <br/>
            <strong>coMX 2010</strong>        
        </p>
        {% endblock %}
    </div>
</body>

</html>
